<html>
<%--
  Created by IntelliJ IDEA.
  author: Jsonor
  date: 2018/5/22 14:04
  description: Description
--%>
<%@ page contentType="text/html;charset=UTF-8" isELIgnored="false" %>
<head>
  <title>Title</title>
  <link type="text/css" rel="stylesheet" href="css/normalize.css" />
  <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
  <script src="js/common.js" type="text/javascript"></script>
</head>
<body>
<div class="showall">
  <!--left -->
  <div class="showbot">
    <div id="showbox" style="width: 400px; height: 400px; position: relative;">
      <div style="position: relative; width: 400px; height: 400px; top: 0px; left: 0px;"><b style="display:block;"><img style="display: block; width: 400px; height: 400px;" src="${pageContext.request.contextPath}/${c.carimages}"></b><span style="position: absolute; left: 200px; top: 0px; display: none; z-index: 5; width: 200px; height: 200px;"></span></div><p style="position: absolute; overflow: hidden; top: 0px; display: none; width: 400px; height: 400px; left: 410px;"><img style="max-width: none; max-height: none; position: relative; left: -400px; top: 0px; width: 800px; height: 800px;" src="images/photos/img01.png"></p></div><!--展示图片盒子-->
      <!--conet -->
  <div class="tb-property">
    <div class="tr-nobdr">
      <td width="725"><div class="title_car"></a><a href="" class="name">${c.carname}</a>
    </div>
    <div class="txt">
      <%--<span class="nowprice">￥<a href="">599.00</a></span>
      <p class="price">价格：<span class="red">￥${n.caroriginalprice}</span></p>--%>
          <p class="price">价格：<span class="red">￥${c.caroriginalprice}</span></p>
        </div>
      <div class="cumulative">
        <span class="number ty1">累计售出<br><em id="add_sell_num_363">370</em></span>
        <span class="number tyu">累计评价<br><em id="add_sell_num_363">25</em></span>
      </div>
    </div>
    <script>
      $(document).ready(function(){
        var t = $("#text_box");
        $('#min').attr('disabled',true);
        $("#add").click(function(){
          t.val(parseInt(t.val())+1)
          if (parseInt(t.val())!=1){
            $('#min').attr('disabled',false);
          }

        })
        $("#min").click(function(){
          t.val(parseInt(t.val())-1);
          if (parseInt(t.val())==1){
            $('#min').attr('disabled',true);
          }

        })
      });
    </script>
    <form action="${pageContext.request.contextPath}/insertdata.do">
    <div class="gcIpt">
      <input type="hidden" name="carid" value="${c.carid}">
      <span class="guT">数量</span>
      <input id="min" name="" type="button" value="-" disabled="disabled">
      <input id="text_box" name="num" type="text" value="1" style="width:30px; text-align: center; color: #0F0F0F;">
      <input id="add" name="" type="button" value="+">
      <span class="Hgt">库存（99）</span>
    </div>
    <div class="nobdr-btns">
      <a href="${pageContext.request.contextPath}/insertdata.do" class="green_a">
        <%--<div class="addcart hu">
          <img src="images/shop.png" width="25" height="45"><input type="submit" value="加入购物车">
        </div>--%>
        <%--<input type="submit" value="加入购物车">--%>
        <button class="addcart hu"><img src="images/shop.png" width="25" height="25">加入购物车</button>
      </a>

      <button class="addcart yh"><img src="images/ht.png" width="25" height="25">立即购买</button>
    </div>
    </form>

    <div class="guarantee">
      <span>邮费：包邮&nbsp;&nbsp;支持货到付款 <a href=""><img src="images/me.png"></a></span>
    </div>
  </div>
  <!--right -->
  </div>
</div>
</body>
</html>
